iT邦幫忙

2023 iThome 鐵人賽

DAY 15
0

目錄

  1. 排版四原則
  2. 顏色美學

正文

好的,又回到我們不專業的練習班了,大家辛苦了。

這一篇文章呢,先不打開 Android Studio,今天我們來好好聊聊怎麼設計外觀!

排版四原則

  1. 對齊:常見的對齊有置左、置中、置右,大部分人最常遇到的錯誤排版就是文字隨意擺放,導致整理看起來很雜亂,其實最簡單、常用的做法是大標題置中、內文置左,只要掌握這個原則,大部分的簡報等美觀程度至少會上升 30%
  2. 相近:簡單來說就是分段,同一段的內容不應該被區隔開來,不同段落之間應該要有間隔或是分隔線等,這樣有助於資訊的分級,方便觀看。
  3. 重複:重複的重點在於統一性,每個文字的字體、顏色、排版等除非有特殊需求否則盡量都是用相同的;而這個重複也包含顏色、色調,通常一個畫面會有二至四個顏色,而這些主色通常都是相似色或對比色,針對顏色美學下面會補充。
  4. 對比:對比分為大小、粗細、顏色對比,對比運用好可以讓內容有層次感,但又不顯得突兀,大家會常見的錯誤就是別人在報告 PPT,結果播放出來文字根本看不到,因為文字顏色和背景太過相近了;現在的範例 PPT 都太花俏了,自己的排版能力跟不上,最基礎的技巧是黑配白或白配黑,簡單來說就是如果背景偏暗,請選亮一點的文字顏色,如果背景偏亮,則反之。

顏色美學

  • 一個畫面通常會有二至四個顏色,分別為:
    1. 主要色代表你的品牌與企業類型
    2. 次要色(第二常用的顏色)與主色呈現對比或互補關係
    3. 強調色能夠脫穎而出,最適合用在連結、按鈕、圖示以及其他小元素上
  • 這邊提供一個網站,裡面有很多超讚的顏色搭配!網站配色訣竅
  • 想知道更多關於顏色的知識可以閱讀這個文章!設計配色完整攻略
  • 學會了顏色美學後,不只可以運用在手機應用程式上,還可以用在網頁前端、服裝搭配、彩妝等等

總結

其實今天的內容一直是我想接觸的,只是因為資工系不太會有設計相關的課,所以我就偷偷趁這篇文來學習啦!由於我不是很專案的設計師,所以今天內容可能不是很準確,比較偏向把大家引導到專業的文章中,但我自認為我的排版能力應該算是不錯的,只是對於顏色搭配沒什麼概念,若有更厲害的大大,歡迎留言補充或是糾正我。

下一篇會介紹一些之後專案會用到的物件。

參考資料

書籍:設計排版 最基礎教科書:無論是誰,無論什麼領域,只要熟悉原則,就能做設計!

排版入門四個基本原則
https://eric463937.github.io/HortiApprentice/concept-typesetting.html

基础却很重要的:排版四大原则
https://www.shejidaren.com/paiban-shi-da-yuanze.html


上一篇
Day.14 小專案練習(BMI 博士)- 3
下一篇
Day.16 學習XML 大師菁英班 - 增加分頁 1
系列文
剛學Kotlin的我想要玩安卓開發,自學 Android Studio 30 天31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言